<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./iconfont/font/iconfont.css">
    <link rel="shortcut icon" href="./favicon.ico" />

</head>

<body>
    <header>
        <img src="./images/l.jpg" alt="">
        <ul class="banxin wnqcf">
            <li><a href="./index.html">联想首页</a></li>
            <li><a href="lianbiao.html">商城</a></li>
            <li><a href="gouwuche.html">购物车</a></li>
            <li><a href="lianbiao.html">服务</a></li>
            <li><a href="lianbiao.html">会员</a></li>
            <li><a href="lianbiao.html">社区</a></li>
            <li><a href="lianbiao.html">门店</a></li>
            <li><a href="lianbiao.html">品牌</a></li>
            <li><a href="lianbiao.html" style="color: red;">下载app</a> </li>
            <li style="float: right;">
                <div class="headr_right .wnqcf">
                    <div class="zuo"><a href="./denlu.html">登录</a></div>
                    <div class="zhon">|</div>
                    <div class="you"><a href="./zhuche.html">注册</a></div>
                    <img src="./images/小手机.png" alt="">

                </div>
            </li>
        </ul>
    </header>
    <!-- 导航栏 -->
    <nav class="wqncf">
        <ul class="banxin">
            <li>新品</li>
            <li>定制</li>
            <li>合伙人</li>
            <li>以旧换新</li>
            <li>0元试用</li>
            <li>乐豆购</li>
            <li>学生</li>
            <li>直播</li>
            <li>企业购</li>
            <li>0元购</li>
            <li class="qcybj fangdajing">
                <input type="text" placeholder="私玩制定 自成一派">
                <img src="./images/放大镜.png" alt="">
            </li>
        </ul>
    </nav>
    <!-- 轮播图 -->
    <div class="lunbotu wnqcf">
        <ul class="datu">
            <li>
                <a href="">
                    <img src="./images/lunbotu1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/lunbotu2.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/lunbotu3.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/lunbbotu4.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/lunbotu5.jpg" alt="">
                </a>
            </li>

        </ul>
        <!-- 小点 -->
        <ul class="zhon">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>

        </ul>
        <div class="zuo">&lt;</div>
        <div class="you">&gt;</div>
        <!--轮播图分类 -->
        <ul class="lunbotu_fenlei">
            <li>Lenovo电脑
                <span>&gt;</span>
            </li>
            <li>ThinkPad电脑
                <span>&gt;</span>
            </li>
            <li>平板电脑
                <span>&gt;</span>
            </li>
            <li>手机/通信
                <span>&gt;</span>
            </li>
            <li>智能产品
                <span>&gt;</span>
            </li>
            <li>配件/办公
                <span>&gt;</span>
            </li>
            <li>增值服务
                <span>&gt;</span>
            </li>
        </ul>

    </div>
    <!-- 中间导航 -->
    <ul class="zhon_daohang banxin">
        <li><img src="./images/中间导航栏1-1.png" alt="">
            <img style="display: none;" src="./images/中间导航栏1.png" alt="">
            会员福利
        </li>
        <li><img src="./images/中间导航栏2-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏2.png" alt="">
            驱动下载
        </li>
        <li><img src="./images/中间导航栏3-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏3.png" alt="">
            小新铺子
        </li>
        <li><img src="./images/中间导航栏4-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏4.png" alt="">
            拯救者联盟
        </li>
        <li><img src="./images/中间导航栏5-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏5.png" alt="">
            Think家族
        </li>
        <li><img src="./images/中间导航栏6-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏6.png" alt="">
            手机新品
        </li>
        <li><img src="./images/中间导航栏7-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏7.png" alt="">
            忍天堂
        </li>
        <li><img src="./images/中间导航栏8-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏8.png" alt="">
            平板电脑
        </li>
        <li><img src="./images/中间导航栏9-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏9.png" alt="">
            选件
        </li>
        <li><img src="./images/中间导航栏10-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏10.png" alt="">
            智能
        </li>
        <li><img src="./images/中间导航栏11-2.png" alt="">
            <img style="display: none;" src="./images/中间导航栏11.png" alt="">
            服务
        </li>
    </ul>

    <!-- 主体 -->
    <div class="zhuti wnqcf">
        <!-- 秒杀区 -->
        <div class="miaoshaqu banxin">
            <div class="daojishi ">
                <h2>联想秒杀</h2>
                <div class="shandian">
                    <img src="./images/倒计时闪电.png" alt="">
                </div>
                <span>12点场距</span>
                <p>结束还有</p>
                <div class="shijian wnqcf">
                    <div class="shi"></div>
                    <b>:</b>
                    <div class="feng"></div>
                    <b>:</b>
                    <div class="miao"></div>
                </div>
            </div>
            <div class="ms_zuo">
                <ul class="ms_zuo_shang">
                    <li class="ms_zuo_shang_active">12:00场-正在抢购</li>
                    <li>00:00场-明日抢购</li>
                    
                </ul>
                <ol class="ol1"></ol>
                <ol class="ol2"></ol>
            </div>
            <div class="ms_you">
                <a href="lianbiao.html">
                    <span>更多秒杀</span>
                    <img src="./images/右箭头.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 电脑周边 -->
    <div class="bgc">
        <div class="dnzb banxin wnqcf">
            <div class="biaoyu">
                <span>Lenovo 笔记本</span>
                <div>
                    <a href="">拯救者</a>
                    <a href="">小新</a>
                    <a href="">轻薄本</a>
                    <a href="">笔记本周边选件</a>
                </div>
            </div>
            <div class="dnzb_zhuti">
                <div class="dnzb_zhuti_zuo">
                    <a href="">
                        <img src="./images/电脑周边左.jpg" alt="">
                    </a>
                </div>
                <div class="dnzb_zhuti_you">
                    <ul class="diannao_bjb">
                        <!-- <li>
                            <a href="">
                                <img src="./images/ms_3.jpg" alt="">
                            </a>
                            <div class="">
                                <p class="p1">联想清洁套装C01</span>
                            </div>
                            <div class="p2">
                                <span>家用台式机优选</span>
                            </div>
                            <div class="p3">
                                <span>￥</span><span>3919</span>
                            </div>
                        </li> -->
                        
                    </ul>
                </div>

            </div>
        </div>

    </div>
    <!-- 台式机 -->
    <div class="bgc">
        <div class="dnzb banxin wnqcf">
            <div class="biaoyu">
                <span>Lenovo 台式机</span>
                <div>
                    <a href="">AIO系列</a>
                    <a href="">BOX系列</a>
                    <a href="">GeekPro系列</a>
                    <a href="">刃系列</a>
                    <a href="">异能者DIY</a>
                    <a href="" class="gengduo">
                        <span>更多</span>
                        <img src="./images/you箭头.png" alt="">
                    </a>
                </div>
            </div>
            <div class="dnzb_zhuti">
                <div class="dnzb_zhuti_zuo">
                    <a href="">
                        <img src="./images/电脑周边左.jpg" alt="">
                    </a>
                </div>
                <div class="dnzb_zhuti_you">
                    <ul class="diannao_tsj">
                        
                        <li>
                            <a href="">
                                <img src="./images/ms_3.jpg" alt="">
                            </a>
                            <div class="">
                                <p class="p1">联想清洁套装C01</span>
                            </div>
                            <div class="p2">
                                <span>家用台式机优选</span>
                            </div>
                            <div class="p3">
                                <span>￥</span><span>3919</span>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

    </div>

    <!-- ThinkPad 电脑 -->
     <div class="bgc">
        <div class="dnzb banxin wnqcf">
            <div class="biaoyu">
                <span>ThinkPad 周边</span>
                <div>
                    <a href="">X1 系列</a>
                    <a href="">X系列</a>
                    <a href="">T系列</a>
                    <a href="">E系列</a>
                    <a href="">S系列</a>
                    <a href="" class="gengduo">
                        <span>更多</span>
                        <img src="./images/you箭头.png" alt="">
                    </a>
                </div>
            </div>
            <div class="dnzb_zhuti">
                <div class="dnzb_zhuti_zuo">
                    <a href="">
                        <img src="./images/电脑周边左.jpg" alt="">
                    </a>
                </div>
                <div class="dnzb_zhuti_you">
                    <ul class="diannao_zb">
                        
                        <li>
                            <a href="">
                                <img src="./images/ms_3.jpg" alt="">
                            </a>
                            <div class="">
                                <p class="p1">联想清洁套装C01</span>
                            </div>
                            <div class="p2">
                                <span>家用台式机优选</span>
                            </div>
                            <div class="p3">
                                <span>￥</span><span>3919</span>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

    </div>
    <!-- 底部 -->
    <div class="dbdt banxin">
        <img src="./images/底部大图.png" alt="">
    </div>

    <footer>
        <ul class="wnqcf">
            <li>
                <a href="" class="foot_first">购物指南</a>
                <a href="">服务商信息</a>
                <a href="">购买流程</a>
                <a href="">注册登录</a>
                <a href="">商品评价</a> 
            </li>
            <li>
                <a href="" class="foot_first">配送方式</a>
                <a href="">配送方式</a>
                <a href="">配送方式信息</a>
                <a href="">签收原则</a>
                <a href="">物流查询</a>
            </li>
            <li><a href="" class="foot_first">支付方式</a>
                <a href="">分期支付</a>
                <a href="">支付方式</a>
                <a href="">支付问题</a>
            </li>
            <li><a href="" class="foot_first">订单信息</a>
                <a href="">订单信息</a>
                <a href="">发票信息</a>
                <a href="">手机激活查询</a>
            </li>
            <li><a href="" class="foot_first">售后服务</a>
                <a href="">售后服务总则</a>
                <a href="">24小时在线客服</a>
                <a href="">联想服务入口</a>
                <a href="">热门解决方案</a>
                <a href="">Lenovo Quick Fix工具</a>
            </li>
            <li><a href="" class="foot_first">其他说明footer</a>
                <a href="">服务承诺footer</a>
                <a href="">账户安全footer</a>
                <a href="">手机产品购买须知footer</a>
                <a href="">环境信息footer</a>
            </li>
            <li class="footer_last">
                <div>
                    <h3>400-990-8888转4</h3>
                    <span>周一到周日 9:00-21:00</span>
                    <a href=""></a>
                </div>
            </li>
        </ul>
        
    </footer>
    <div class="footer_foot">
        <div class="banxin wnqcf">
                <div class="foot_left">
                    版权所有：1998-2021 联想集团
                    <span>|</span>
                    <a href="" title="法律公告" target="_blank">法律公告</a>
                    <span>|</span>
                    <a href="" title="隐私权政策" target="_blank"
                   >隐私权政策</a>
                    <span>|</span>
                    <a href="" title="产品安全" target="_blank"
                    >产品安全</a>
                </div>
                <div class="footer_right ">
                    <a href="" target="_blank" rel="nofollow">京ICP备11035381-2</a>
                    <span>|</span>
                    <i style="font-style:normal;">京公网安备110108007970号</i>
                    <span>|</span>
                    <a href="https://p2.lefile.cn/product/adminweb/2019/07/09/4e555443-93b5-46d5-984f-7d5b06ea2967.jpg"
                    title="营业执照" target="_blank" >营业执照:91110108700000458B</a>
                <span>|</span>
                <a href="https://p2.lefile.cn/fes/cms/2021/06/28/kfqkr0wi9cgsbuubsnbwihci0rg4ft786379.jpg"
                    title="增值电信业务许可证 合字B2-20210143" target="_blank" >增值电信业务许可证 合字B2-20210143</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼梯 -->
    <div class="louti">
        <ul>
            <li class="lou"><img src="./images/秒杀.png" alt=""></li>
            <li class="lou2">笔记本</li>
            <li class="lou3">台式机</li>
            <li class="lou4">周边</li>
            <li class="lou0">顶部</li>
        </ul>
    </div>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/cookie.js"></script>
<script src="./node_modules/layui-layer/dist/layer.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/index.js"></script>
<script>
    
</script>

</html>